<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../css/logining.css">
    <script src="../js/公共等比缩放.js"></script>
   
</head>

<body>
    <div class="top">
            <a href="./logining.html" class='mys'><div class="my"> <img src="../img/urse.png" class="urse"> <span class="s1">我的</span>  </div></a>
            <a href="#" class="apps"><div class="app"> <img src="../img/down.png" class="down"> <span class="s2">APP</span> </div></a>
            <img src="../img/urse2.png" class="urse2">
           <a href="./login.html" class="logins"> <button class="login">登录</button></a>
    </div>
    <div class="main">
        <ul>
            <li class="li1"> <div class="tu"> <img src="../img/icon1.png"> </div> <span>我关注的房源</span><div class="tu"> <img src="../img/right.png" class="right"> </div>  </li>
            <li class="li2"> <div class="tu"> <img src="../img/icon2.png"> </div> <span>我关注的房源</span><div class="tu"> <img src="../img/right.png" class="right"> </div>  </li>
            <li class="li3"> <div class="tu"> <img src="../img/icon3.png"> </div> <span>我关注的房源</span><div class="tu"> <img src="../img/right.png" class="right"> </div>  </li>
            <li class="li4"> <div class="tu"> <img src="../img/icon4.png"> </div> <span>我关注的房源</span><div class="tu"> <img src="../img/right.png" class="right"> </div>  </li>
        </ul>

        <!-- 法二：使用结构伪类选择器选择每个列表项，添加背景图片  -->
        <!-- <ul>
            <li class="li1">  <span>我关注的房源</span><div class="tu"> <img src="../img/right.png" class="right"> </div>  </li>
            <li class="li2">  <span>我关注的房源</span><div class="tu"> <img src="../img/right.png" class="right"> </div>  </li>
            <li class="li3">  <span>我关注的房源</span><div class="tu"> <img src="../img/right.png" class="right"> </div>  </li>
            <li class="li4">  <span>我关注的房源</span><div class="tu"> <img src="../img/right.png" class="right"> </div>  </li>
        </ul> -->
         <!-- <style>
        .main>ul>li>span::before{
            content: url("../img/icon3.png");
            font-size: 0.14rem;
        }
    </style> -->
    </div>
</body>

</html>